<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>连载图书信息展示</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 20px;
    }

    .book {
      display: flex;
      align-items: center;
      margin-bottom: 30px;
    }
    
    .book img {
      width: 150px;
      height: 200px;
      object-fit: cover;
      margin-right: 20px;
    }
    
    .book-info {
      flex-grow: 1;
    }
    
    .book-title {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    
    .book-description {
      margin-bottom: 10px;
    }
    
    .book-rating {
      color: #888;
      margin-bottom: 5px;
    }

    .navbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 30px;
    }

    .navbar-logo {
      font-size: 24px;
      font-weight: bold;
    }

    .navbar-links a {
      margin-right: 10px;
      text-decoration: none;
    }
  
    @media screen and (max-width: 600px) {
      body {
        padding: 10px;
      }

      .book {
        flex-direction: column;
      }
      
      .book img {
        margin-right: 0;
        margin-bottom: 10px;
      }
    }
  </style>
</head>
<body>
  <nav class="navbar">
    <div class="navbar-logo">连载图书</div>
    <div class="navbar-links">
      <a href="index.html" target="_blank">首页</a>
      <a href="complete.html" target="_blank">完本图书</a>
    </div>
  </nav>
  <!-- 迪迦：从哥尔赞开始的无限进化 -->
  <div class="book">
    <a href="https://www.qidian.com/book/1037239274/">
      <img src="https://bookcover.yuewen.com/qdbimg/349573/1037239274/600.webp" alt="图书封面">
    </a>
    <div class="book-info">
      <a href="https://www.qidian.com/book/1037239274/">
        <h2 class="book-title">迪迦：从哥尔赞开始的无限进化</h2>
      </a>
      <p class="book-description">林夜意外穿越迪迦奥特曼的世界，发现自己竟然穿成了超古代怪兽哥尔赞？
        而且还是刚拆完金字塔，被迪迦打跑的状态！
        这特么怎么办？
        跟原剧情一样，找个火山吸收能量强化自己，然后被迪迦干掉？
        还是说，想办法去夺取力量，一点一点进化至巅峰！</p>
      <p class="book-rating">评价: 穿越，迪化。目前包含迪迦，戴拿的故事，主角不断吸收能量升级，获取能量的行为却被意外脑补成救世主！</p>
    </div>
  </div>
  
  <!-- 走进不科学 -->
  <div class="book">
    <a href="https://www.qidian.com/book/1031743384/">
      <img src="https://bookcover.yuewen.com/qdbimg/349573/1031743384/600.webp" alt="图书封面">
    </a>
    <div class="book-info">
      <a href="https://www.qidian.com/book/1031743384/">
        <h2 class="book-title">走进不科学</h2>
      </a>
      <p class="book-description">
        我曾与牛顿坐而论道，也曾与爱因斯坦并肩齐行。
        我弄乱过普朗克的发型，也曾为张仲景的《伤寒杂病论》提过前序。
        总而言之，这是一个学霸穿梭于古今中外各个时空，用前人智慧开启人类未来的故事。
        什么？你说这不科学？
        不，这很科学！
        注:
        本书为黑科技文，非诸天流非无限流，主角不会超能力加身，大家看下去就知道了。</p>
      <p class="book-rating">作者: 新手钓鱼人      </p>
      <p class="book-rating">评价: 黑科技,硬核,穿越时空!</p>
      <p class="book-status finished">连载中</p>

    </div>
  </div>

  <!-- 谁让他修仙的！ -->
  <div class="book">
    <a href="https://www.qidian.com/book/1036504904/">
      <img src="https://bookcover.yuewen.com/qdbimg/349573/1036504904/600.webp" alt="图书封面">
    </a>
    <div class="book-info">
      <a href="https://www.qidian.com/book/1036504904/">
        <h2 class="book-title">谁让他修仙的！</h2>
      </a>
      <p class="book-description">
        “我反复强调，修仙界的风气本来就是歪的，不是我带歪的，都说史书是胜利者书写的，那为什么我获胜了还总是有人诬陷我？”
        陆阳剑仙面对记者采访如此说道，表示非常愤怒。
        第二天。
        “我反复强调，修仙界的风气是我带歪的。”陆阳剑仙面对记者的采访时如此说道，表示非常愤怒。——《修仙日报》为您报道。</p>
      <p class="book-rating">作者: 最白的乌鸦      </p>
      <p class="book-rating">评价: 反套路,轻松搞笑,无敌流</p>
      <p class="book-status finished">连载中</p>

    </div>
  </div>
  
  <!-- 添加更多图书块 -->
</body>
</html>
